
<html xmlns:th="http://www.thymeleaf.org" lang="">
<head>
    <title>登录页面</title>
	<meta charset="UTF-8"/>
    <link rel="stylesheet"  href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/font-awesome.css">

</head>
<body>
	<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
		<!-- logo位 -->
		<a class="navbar-brand" href="#">
			<img src="/img/logo.png" height="30" class="d-inline-block align-top" alt="">
			Mall电商运营平台
	    	</a>
		<!-- 导航位 -->
<!--		<ul class="navbar-nav mr-auto">-->
<!--			<li class="nav-item">-->
<!--				<a class="nav-link" href="/product/DataView">数据看板</a>-->
<!--			</li>-->
<!--			<li class="nav-item">-->
<!--				<a class="nav-link" href="#">商品维护</a>-->
<!--			</li>-->
<!--			-->
<!--			<li class="nav-item">-->
<!--				<a class="nav-link" href="#">会员管理</a>-->
<!--			</li>-->
<!--		</ul>-->
		<!-- 个人中心 -->
<!--		<span class="navbar-text"><a class="nav-link " href="#"><i class="fa fa-user"></i>-->
<!--            <span th:text="${userName}"></span>-->
<!--        </a></span>-->
	</nav>
    <div class="container-fluid" style="margin-top: 100px;">
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-6">
                <form action="/login" method="post">
                <table style="text-align: center" class="table table-bordered" align="center" width="100%">
                        <tr class="bg-light text-black-50">
                            <th colspan="2" style="text-align: center"><h3>管理员登录</h3></th>
                        </tr>
                        <tr>
                            <td><i class="fa fa-user fa-2x"></i></td>
                            <td><label for="username"></label><input class="form-control" placeholder="请输入用户名" type="text" name="username" id="username"></td>
                        </tr>
                        <tr>
                            <td><i class="fa fa-lock fa-2x"></i></td>
                            <td><label for=""></label><input class="form-control" placeholder="请输入密码" type="password" name="password" id=""></td>
                        </tr>
                        <tr>
                            <td><i class="fa fa-image fa-2x"></i></td>
                            <td><input class="form-control" placeholder="验证码" type="text" name="safeCode" id="safeCode"></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <img src="/getCode" id="codeImg" onclick="refresh()" alt="">
                            </td>
                        </tr>
                        <tr>
                            <td><input class="btn btn-outline-info" type="reset" value="重置"></td>
                            <td><input class="btn btn-success" style="width: 200px" type="submit" value="登录"></td>
                            <td >
                                <a href="register">管理员账户注册</a>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
            <div class="col-md-3"></div>
        </div>
    </div>
    <script>
        /* 刷新验证码 */
        function refresh() {
            document.getElementById("codeImg").src = "getCode?time=" + new Date().getTime();
        }
    </script>
</body>
</html>
